<template>
    <view class="scLoadMore">
        <LoadMore
            v-if="dataLength !== 0 && !loading"
            :status="status"
            mode="loading2"
            color="#999999"
            text-color="#999999"
            text-size="28rpx"
        />
        <NoMore v-if="dataLength === 0 && !loading" :title="NoMoreTitle" />
    </view>
</template>

<script>
export default {
    name: "ScLoadMore",
    props: {
        status: {
            type: String,
            default: "down"
        },
        loading: {
            type: Boolean,
            default: true
        },
        //数据长度
        dataLength: {
            type: Number,
            default: 0
        },
        NoMoreTitle: {
            type: String,
            default: ""
        }
    },
    data() {
        return {};
    }
};
</script>
<style lang="scss" scoped>
.scLoadMore {
}
</style>
